<!DOCTYPE html>
<html lang="zh-cmn-Hans" class="ua-windows ua-webkit">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>丢哪了 - 景区失物招领免费快速发布平台！</title>
    <meta name="Keywords"
        content="丢哪了,失物招领,寻物启事,招领启事,丢哪了,失物招领,寻物启事,招领启事,失物招领启事,失物招领网,失物招领范文,失物招领处,丢东西,捡东西,招领,丢三落四,xunwuqishi,shiwuzhaoling,zhaoling,xunwu">
    <meta name="Description"
        content="失物招领网：丢哪了-失物招领平台，致力于提供方便、快捷的寻物启事发布、失物招领服务，打造国内最大最全的失物招领网站。一个公益、免费快速的寻物启事与失物招领发布平台！">

    <link rel="stylesheet" href="./index_files/style.css">


    <!-- 引入样式 -->
    <link rel="stylesheet" href="./plugins/elementui/index.css">
    <link rel="stylesheet" href="./plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="./css/style.css">
    <!-- 引入组件库 -->
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script src="./js/vue.js"></script>
    <script src="./plugins/elementui/index.js"></script>
    <script src="./js/axios-0.18.0.js"></script>

</head>

<body ryt12257="1">

    <div id="db-global-nav" class="global-nav">
        <div class="bd">
            <div class="top-nav-info">
                <a href="#">关于我们</a>
                <a href="#">删除信息</a>
            </div>
            <div class="top-nav-doubanapp">
                <a href="./xunwu.html" class="lnk-doubanapp">快速发布</a>
                <div id="top-nav-appintro" class="more-items">
                    <p class="appintro-title">丢哪了</p>
                    <p class="slogan">失物招领公益平台！</p>
                    <p class="qrcode">
                        扫码关注丢哪了微信
                    </p>
                </div>
                <div id="doubanapp-tip" style="display: none;">
                    <a href="#" class="tip-link">丢哪了会员中心开放！</a>
                    <a href="javascript: void 0;" class="tip-close">×</a>
                </div>
            </div>

            <div class="global-nav-items">
            </div>
        </div>
    </div>

    <div>
        <div id="db-nav-commodity" class="nav">
            <div class="nav-wrap">
                <div class="nav-primary">

                    <div class="nav-items">
                        <ul>
                            <li class="nav-item nav-doulists-item ">
                                <a class="nav-link" href="./index.html">首页</a>
                            </li>
                            <li class="nav-item nav-doulists-item ">
                                <a class="nav-link" href="./xunwu.html">寻物</a>
                            </li>
                            <li class="nav-item nav-haitao-item ">
                                <a class="nav-link" href="./zhaoling.html">招领</a>
                            </li>

                        </ul>
                    </div>

                </div>
            </div>
        </div>
        <div id="dale_dongxi_top_banner" class="base-ad-slot"></div>
        <div id="wrapper">


            <link rel="stylesheet" href="./index_files/index.css" media="screen">


            <div id="app">
                <div class="commodity-info" >
                    <div class="commodity-publisher">
                        <div class="publisher-info">
                            <h1> {{data.title}}</h1>
                            <span>{{data.releaseTime}}发布</span>
                        </div>
                    </div>
                    <div class="commodity-detail">
                        <h1 class="commodity-name">{{data.article}}</h1>
                        <br>
                        <img v-if="data.image != null" :src="data.image" style="width: 900px;">
                        <br>
                        <br>
                        <span>
                            <font color="#D40000">&nbsp;&nbsp;&nbsp;诚信，从你我做起！</font>
                            联系我时，请说是在丢哪了(wanglei.com)-汪磊的失物招领平台看到的，谢谢！
                            <br>
                            &nbsp;&nbsp;&nbsp;本站不欢迎利用本站发布的信息来诱骗失主，请给自己留一点自尊，也请给这个社会多一份爱心。
                        </span>
                        <br>
                        <br>

                    </div>
                    <div class="commodity-response">
                        <ul class="ui-tabbar">
                            <li class="ui-tab active">
                                联系方式
                            </li>
                        </ul>
                        <div class="ui-contents">
                            <div class="ui-content story-postlist-mod active">
                                <p class="no-story-post">
                                    <b v-if="data.category === '寻物启事'">丢失时间:&nbsp;&nbsp;{{data.lostTime}}<br></b>
                                    <b v-if="data.category === '失物招领'">拾取时间:&nbsp;&nbsp;{{data.collectTime}}<br></b>

                                    <b v-if="data.category === '寻物启事'">悬赏金额:&nbsp;&nbsp;{{data.reward}}￥<br></b>
                                    <b v-if="data.category === '寻物启事'">丢失地点:&nbsp;&nbsp;{{data.lostPlace}}<br></b>

                                    <b v-if="data.category === '失物招领'">拾取地点:&nbsp;&nbsp;{{data.collectPlace}}<br></b>
                                    <b>联系人:&nbsp;&nbsp;{{data.contacts}}</b><br>
                                    <b>联系人电话:&nbsp;&nbsp;{{data.phoneNumber}}</b><br><br>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="commodity-response">
                        <ul class="ui-tabbar">
                            <li class="ui-tab active">
                                相关线索
                            </li>
                        </ul>
                        <div class="bd">
                            <div class="comment_zone">
                                <div class="ui-content active story-postlist-mod">
                                    <ul class="story-collection">
                                        <li>

                                            小丢君 Tips:
                                            <br>
                                            丢哪了-失物招领平台 , 小丢君祝您早日找回遗失物品。
                                            <br>
                                            如有相关线索，联系失主，谢谢。
                                            <br>
                                            <font color="#D40000">诚信，从你我做起！</font>
                                            本站不欢迎利用本站发布的信息来诱骗失主，请给这个社会多一份爱心。
                                            <br>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


            </div>




            <div id="footer">

                <span id="icp" class="fleft gray-link">
                    © 2010-2023 DiuNaL.com All Rights Reserved. <a href="http://beian.miit.gov.cn/">陕ICP备11012237号-4</a>
                    技术支持：XianRenNet
                </span>
            </div>
        </div>
    </div>



    <script>
        new Vue({
            el: "#app",
            data: {
                data: [],//物品数据

            },
            mounted() {
                //当页面加载完成后，发送异步请求，获取数据
                this.selectData()
            },
            methods: {
                selectData() {
                    var href = location.href;
                    var id = href.substring(href.indexOf("=") + 1, href.indexOf("!"));
                    var stamp = href.substring(href.indexOf("!") + 1, href.length);
                    let params = {
                        id: id,
                        stamp: stamp,
                    };
                    axios.post('/everything' , params).then(resp => {
                        console.log(resp.data);
                        if (resp.data.code === 1) {
                            this.data = resp.data.data;
                        }
                    });
                },


            }
        });

    </script>



</body>

</html>